import { reactive, onMounted} from 'vue'
import axios from 'axios';

export default function(){
        //数据
        let dogList = reactive([
                "https://images.dog.ceo/breeds/pembroke/n02113023_4052.jpg"
        ])
        
        //方法
        async function getDog() {
                try {
                        let res = await axios.get("https://dog.ceo/api/breed/pembroke/images/random");
                        dogList.push(res.data.message)
                } catch (error) {
                        alert(error)
                }
        
        }

        onMounted(()=>{
                getDog()
        })
        //向外部提供东西
        return { dogList,getDog}
}